<template>
    <div>helloworld</div>
    <div>{{ counter }}</div>
    <button @click="counter++">counter++</button>
  
    <div>{{isShow}}</div>
</template>
<script>
export default {
    beforeCreate() {
        console.log('beforeCreate');
    },
    created() {
        console.log('created');
    },
    beforeMount() {
        console.log('beforeMount');
    },
    mounted() {
        console.log('mounted');
    },
    beforeUpdate() {
        console.log('beforeUpdate');
    },
    updated() {
        console.log('updated');
    },
    beforeUnmount() {
        console.log('beforeUnmount');
    },
    unmounted() {
        console.log('unmounted');
    },
    data() {
        return {
            counter: 0,
        
        }
    }




}
</script>